<template>
	<view class="mainpadding">
		<view class="sanshier xiaohei fonweight">充值信息</view>
		<view class="mainpadding huibox margin_top2">
			<view class="flexbetween">
				<view class="titletext xiaohei fonweight">次卡</view>
				<view class="titletext xiaohong fonweight">100元</view>
			</view>
		</view>
		<view class="sanshier xiaohei fonweight margin_top">支付方式</view>
		<view class="flexbetween ">
			<view class="flexleft margin_top">
				<u-icon name="weixin-circle-fill" color="#50B674" size="24" class="margin_right1"></u-icon>
				<view class="sanshier xiaohei nofonweight ">微信支付</view>
			</view>
			<view class="">
				<!-- 未选中 -->
				<view class="wexuanzicon"></view>
			</view>
		</view>
		<view class="flexbetween">
			<view class="flexleft margin_top">
				<u-icon name="zhifubao-circle-fill" color="#5A9EF7" size="24" class="margin_right1"></u-icon>
				<view class="sanshier xiaohei nofonweight ">支付宝支付</view>
			</view>
			<view class="">
				<!-- y已选中 -->
				<u-icon class="" name="checkmark-circle-fill" color="#1BA95B" size="24"></u-icon>
			</view>
		</view>
		<view class="gudingdb mainpadding" @click="tzljcz">
			<view class="huangbtnty">立即充值</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转充值成功
			tzljcz(){
				uni.navigateTo({
					url:'/pages_julebu/chongzhicg'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.huibox{
	background: #F5F5F5;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
}
</style>
